@import"reset.css";
@import"common.css";






/* 头部内容 */
.root{
    border-radius: 6px;
}
.header{
    background: red;
    z-index: 10000;
    background-color: #f5f5f5;
    border-bottom: 1px solid #eee;
    box-sizing: border-box;
    /* ? */
    flex-direction: row;
    position: relative;
    display: flex;
}

/* 左侧 */
.header .header-top{
    height: 35px;
    background: #f5f5f5;
    margin: 0 auto;
    /* ? */
    -webkit-backface-visibility: hidden;
    width: 1190px;

}
.header .header-top .top-left{
    visibility: visible;
    float: left;
    height: 35px;
}
.header .header-top .top-left .datename .nav{
    display: inline-block;
    line-height: 35px;
    height: 35px;
    position: relative;
    z-index: 10002;
    padding: 0 6px;
}
.header .header-top .top-left .datename .nav .nav-regin{
    float: left;    
    margin-right: 7px;
}


/* 中国大陆菜单 */
.header .header-top .top-left .datename .nav-hd{
    z-index: 10001;
    position: relative;
    margin-top: -1px;
    display: block;
}
.header .header-top .top-left .datename .first:hover{
    background: #fff;
}
.datename .first{
    font-size: 12px;
}
.header .header-top .top-left .datename:hover .nav-hd-emun{
    display: block;
}
.header .header-top .top-left .datename .nav-hd .nav-hd-emun{
    padding: 8px 0;
    position: absolute;
    top: 0;
    left: 0;
    line-height: normal;
    border: 1px solid #EEEEEE;
    overflow-y: scroll;
    overflow-x: hidden;
    width: 250px;
    height: 270px;
    background: #fff;
}
.header .header-top .top-left .datename .nav-hd .nav-hd-emun::-webkit-scrollbar{
    width: 10px;
    height: px;
}
.header .header-top .top-left .datename .nav-hd .nav-hd-emun::-webkit-scrollbar-thumb{
    height: 20px;
    border-radius: 10px;
    background-color: rgb(197, 218, 162);
}
.header .header-top .top-left .datename .nav-hd .nav-hd-emun::-webkit-scrollbar-track{
    border-radius: 20px;
    background-color: rgb(185, 185, 210);
}
.header .header-top .top-left .datename .nav-hd .nav-hd-emun .hd-emun{
    width: 242px;
    height: 29px;
    line-height: 29px;
    padding-left: 8px;
}
.header .header-top .top-left .datename .nav-hd .nav-hd-emun .hd-first{
    background-color: #f4f4f4;
}
.header .header-top .top-left .datename .nav-hd .nav-hd-emun .hd-emun:hover{
    background-color: #f4f4f4;
}
/* 中国大陆菜单结束 */


/* 我的淘宝、*/
.header .header-top .top-right .datename .nav-hd{
    z-index: 10001;
    position: relative;
    margin-top: -1px;
    display: block;
}
.header .header-top .top-right .datename .first:hover{
    background: #fff;
}
.header .header-top .top-right .datename:hover .nav-hd-emun{
    display: block;
}
.header .header-top .top-right .datename .nav-hd .nav-hd-emun{
    padding: 8px 0;
    position: absolute;
    top: 0;
    left: 0;
    line-height: normal;
    border: 1px solid #EEEEEE;
    background: #fff;
    width: 80px;
}
.header .header-top .top-right .datename .nav-hd .nav-hd-emun .hd-emun{
    padding: 0 5px;
    display: block;
    line-height: 28px;
    width: 70px;
    height: 28px;
}
.header .header-top .top-right .datename .nav-hd .nav-hd-emun .hd-emun:hover{
    color: #6C6C6C;
}
.header .header-top .top-right .datename .nav-hd .nav-hd-emun .hd-emun:hover{
    background-color: #f4f4f4;
}
/* 我的淘宝结束 */
.icon-gouwuche:hover{
    background-color: #f5f5f5 !important;
}

/* 收藏夹 */
.header .header-top .top-right .datename:hover .nav-hd-shoucang{
    display: block;
}
.header .header-top .top-right .datename .nav-hd .nav-hd-shoucang{
    padding: 8px 0;
    position: absolute;
    top: 0;
    left: 0;
    line-height: normal;
    border: 1px solid #EEEEEE;
    background: #fff;
}
.header .header-top .top-right .datename .nav-hd .nav-hd-shoucang .hd-shoucang{
    padding: 0 5px;
    display: block;
    line-height: 28px;
    color: #6C6C6C;
}
.header .header-top .top-right .datename .nav-hd .nav-hd-shoucang .hd-shoucang:hover{
    background-color: #f4f4f4;
}
.header .header-top .top-right .datename .nav-hd .nav-hd-shoucang .hd-shoucang :hover{
    background-color: #f4f4f4;
}

/* 收藏夹结束 */


/* 免费开店  */
.header .header-top .top-right .datename:hover .nav-hd-section{
    display: block;
}
.header .header-top .top-right .datename .nav-hd .nav-hd-section{
    padding: 8px 0;
    position: absolute;
    top: 0;
    left: 0;
    line-height: normal;
    border: 1px solid #EEEEEE;
    background: #fff;
}
.header .header-top .top-right .datename .nav-hd .nav-hd-section .hd-section{
    padding: 0 5px;
    display: block;
    line-height: 28px;
    color: #6C6C6C;
}
.header .header-top .top-right .datename .nav-hd .nav-hd-section .hd-section:hover{
    background-color: #f4f4f4;
}
/* 免费开店结束 */


/* 千牛 */
.header .header-top .top-right .datename:hover .nav-hd-four{
    display: block;
}
.header .header-top .top-right .datename .nav-hd .nav-hd-four{
    padding: 8px 0;
    position: absolute;
    top: 0;
    left: 0;
    line-height: normal;
    border: 1px solid #EEEEEE;
    background: #fff;
    /* width: 58px;
    height: 28px; */
}
.header .header-top .top-right .datename .nav-hd .nav-hd-four .hd-four{
    padding: 0 5px;
    display: block;
    /* width: 48px;
    height: 28px; */
    line-height: 28px;
    color: #6C6C6C;
}
.header .header-top .top-right .datename .nav-hd .nav-hd-four .hd-four:hover{
    background-color: #f4f4f4;
}
/* 千牛结束 */


/* 帮助中心 */
.header .header-top .top-right .datename:hover .nav-hd-five{
    display: block;
}
.header .header-top .top-right .datename .nav-hd .nav-hd-five{
    padding: 8px 0;
    position: absolute;
    top: 0;
    left: 0;
    line-height: normal;
    border: 1px solid #EEEEEE;
    background: #fff;
    /* width: 58px;
    height: 28px; */
}
.header .header-top .top-right .datename .nav-hd .nav-hd-five .hd-five{
    padding: 0 5px;
    display: block;
    /* width: 48px;
    height: 28px; */
    line-height: 28px;
    color: #6C6C6C;
}
.header .header-top .top-right .datename .nav-hd .nav-hd-five .hd-five:hover{
    background-color: #f4f4f4;
}
/* 帮助中心结束 */



/* 箭头 */
.header .header-top .top-left .datename .nav .icon-jiantouarrow483::before{
   display: inline-block;
    width: 20px;
    height: 35px;
    line-height: 35px;
}
/* 箭头结束 */


.header .header-top .top-left .datename .nav .nav-sign{
    height: 35px;
    line-height: 35px;
}
.header .header-top .top-left .datename .nav .nav-sign .h{
    color: #f22e00 !important;
}
.nav-regin:hover{
    color: #3c3c3c;
}
.t:hover{
    color: #6C6C6C;
}
span:hover{
    color: #f22e00;
}
a:hover{
    color: #f22e00;
}
.nav-icon:hover{
    color: #6C6C6C;
}
/* 左侧结束 */


/* 右侧 */
.header .header-top .top-right{
    visibility: visible;
    float: right;
}
.header .header-top .top-right .datename .nav{
    display: inline-block;
    line-height: 35px;
    height: 35px;
    position: relative;
    z-index: 10002;
    padding: 0 6px;
}
.header .header-top .top-right .datename .nav a span{
    float: left;
}
.header .header-top .top-right .datename .nav a:hover .icon-wujiaoxing{
    color: #f22e00;
}
span:hover{
    color: red;
}
.header .header-top .top-right .datename .nav a .nav-icon{
    margin-right: 5px;
    color: #f40;
    font-size: 18px;
}
.header .header-top .top-right .datename .nav a .icon-wujiaoxing{
    font-size: 16px;
}
.header .header-top .top-right .pipe{
    margin: 0 5px;
    font-style: normal;
    color: #ddd;
    float: left;
    height: 35px;
    line-height: 35px;
}
/* 右侧结束 */

/* 头部内容结束 */


/* 导航内容 */
/* 左边 */
.naved{
    margin: 0 auto;
}
.naved-top{
    padding: 20px 0;
}
.naved-top .top-wrap{
    width: 1296px;
    margin: 0 auto;
    position: relative;
}
.top-wrap .top-logo{
    margin-left: 16px;
    width: 240px;
}
.top-wrap .top-logo .logo{
    width: 240px;
    float: left;
    height: 72px;
}
.logo h1{
    position: relative;
}
.logo h1 .logo-bd{
    margin-left: 49px;
    padding-top: 72px;
    width: 142px;
    height: 0;
    overflow: hidden;
}
.logo h1 .logo-hover{
    z-index: 30;
    position: absolute;
    top: -51px;
}
.logo h1 .logo-hover img{
    position: relative;
}
/* 左边结束 */


.top-wrap .top-logod{
    margin-right: 16px;
}



/* 中间 */
.top-wrap .top-search{
    background-color: transparent;
    margin: 0 272px;
}
.top-wrap .top-search .search-wrap{
    position: relative;
}
.top-wrap .top-search .search-wrap .search-bd{
    background: #FFF;
    width: 100%;
    border-radius: 8px;
    background-clip: padding-box;
    position: relative;
    border: 2px solid #FF5000;
    height: 42px;
    box-sizing: border-box;
}
.top-wrap .top-search .search-wrap .search-bd .search-split{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 66px;
    width: 1px;
    height: 16px;
    background: rgba(80,96,122,.2);
    margin: auto;
    z-index: 200;
}

.search-bd [data-sg-type=tab] .search-suggest-tabs{
    width: 64px;
    overflow: hidden;
    position: relative;
    background:#fff;
    border-radius: 8px;
    box-shadow: 0 24px 48px 0 rgba(0,17,51,.07);
    box-sizing: border-box;
}
.search-bd [data-sg-type=tab] .search-suggest-tabs .search-suggest-tabs-tab:first-child{
    color: #11192d;
    cursor: default;
    font-weight: 500;
    pointer-events: none;
}
.search-bd [data-sg-type=tab] .search-suggest-tabs .search-suggest-tabs-tab{
    cursor: pointer;
    position: relative;
    padding-left: 14px;
    text-align: left;
    height:38px;
    font-size: 14px;
    line-height:38px;
    font-family: Roboto,Helvetica Neue,Helvetica,Tahoma,Arial,PingFang SC,Microsoft YaHei;
}
.search-suggest-tabs-tab .icon-jiantouarrow483{
    font-size: 12px;
}
[data-sg-type=tab]:hover{
    background-color: #fff;
    overflow: visible;
    z-index: 10;
}
[data-sg-type=tab]:hover .search-suggest-tabs{
    border-radius: 8px;
}
.search-bd [data-sg-type=form] .bnt-search{
    width: 72px;
    height: 34px;
    z-index: 9;
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    cursor: pointer;
    border-radius: 4px;
    position: absolute;
    top: 2px;
    right: 2px;
    background: #ff6200;
}
[data-sg-type=combobox] .p{
    padding: 9px 0;
    height: 20px;
    width: 100%;
    overflow-y: visible;
    font-size: 14px;
    line-height: 20px;
    text-indent: 10px;
    vertical-align: middle;
    background-color: #fff;
    border: none;
    outline: none;
}



.top-wrap .top-search .search-wrap .search-ft{
    padding: 10px 92px 0 0;
    height: 20px;
    overflow: hidden;
    position: relative;
}
.search-ft .search-hots .search-hots-lines{
    position: relative;
    height: 46px;
    margin-left: 19px;
    overflow: hidden;
}
.search-ft .search-hots .search-hots-lines .search-hots-fline,.search-hots-sline{
    margin-bottom: 5px;
    font-size: 12px;
    overflow: hidden;
    height: 18px;
    line-height: 18px;
}
.search-ft .search-hots .search-hots-lines .search-hots-fline a{
    color: #50607A!important;
    margin-right: 8px;
}
.search-ft .search-hots .search-hots-lines .search-hots-sline a{
    color: #50607A!important;
    margin-right: 8px;
}
.search-ft .search-hots .search-hots-lines .search-hots-fline a:hover{
    color: #FF6200!important;
}
/* 中间结束 */
/* 导航内容结束 */


/* 主页面 */
/* 左侧 */
.root .screen-outer{
    margin: 0 auto;
    padding: 16px 0;
    background: #fff;
    position: relative;
    border-radius: 18px 18px 0 0;
    width: 1296px;
}
.root .screen-outer .service{
    width: 240px;
    height: 384px;
    position: relative;
    z-index: 9;
    margin-left: 16px;
    background-color: #F3F6F8;
    font-size: 0;
    border-radius: 8px;
    float: left;
}
.root .screen-outer .service .cate-tittle{
    padding: 8px 0 0 16px;
}
.cate-tittle .cate-tittle-txt{
    font-size: 16px;
    color: #11192D;
    font-weight: 600;
    line-height: 32px;
    vertical-align: middle;
}
.cate-tittle .cate-tittle-icon{
    display: inline-block;
    width: 36px;
    height: 20px;
    margin-left: 4px;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("../img/O1CN01OPMo5d1SnKKX8RfYM_!!6000000002291-1-tps-72-40.gif");
}
.service .service-bd .cate{
    margin: 0 24px 0 8px;
    height: 32px;
    border-radius: 4px;
    color: #666;
    line-height: 32px;
    padding-left: 8px;
}
.service .service-bd .cate:hover{
    background-color: #fff;
}
.service .service-bd .cate:hover .sec-cate{
    display: block;
}
.service .service-bd .cate a:hover{
    color: #FF6200;
}


.service .service-bd .cate .icon-cate{
    margin-right: 12px;
    font-size: 16px;
    color: #50607A;
    vertical-align: middle;
}

/* 箭头表示 */
.tb-ifont{
    font-family: iconfont !important;
    font-size: 14px;
    font-style: normal;
    display: inline-block;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
/* 箭头表示结束 */

.service .service-bd .cate a{
    color: #50607A;
    font-size: 14px;
}
.service .service-bd .cate .cate-content-href{
    vertical-align: middle;
}
.service .service-bd .cate .service-slash{
    display: inline-block;
    width: 23px;
    font-size: 14px;
    color: #50607A;
    text-align: center;
    vertical-align: middle;
}

/* 二级分类 */
.cate .sec-cate{
    position: absolute;
    top: 0;
    left: 216px;
    display: none;
    width: 1048px;
    line-height: 0;
}
.service .service-bd .sec-cate{
    width: 792px;
}
.cate .sec-cate .sec-cate-container{
    overflow: hidden;
    display: inline-block;
    border-radius: 8px;
    border: solid 2px #FF6200;
    background-color: #fff;
    padding: 16px;
}
.sec-cate-container .sec-cate-container-scroll{
    max-height: 348px;
    overflow: auto;
    min-height: 348px;
}

/* 滚动条 */
.sec-cate-container .sec-cate-container-scroll::-webkit-scrollbar{
    width: 10px;
}
/* 定义轨道 */
.sec-cate-container .sec-cate-container-scroll::-webkit-scrollbar-track{
    background-color: rgb(244, 239, 239);
    border-radius: 50px;
}
/* 定义滑块 */
.sec-cate-container .sec-cate-container-scroll::-webkit-scrollbar-thumb{
    background-color: #aeb6a3;
    height: 5px;
    border-radius: 10px;
} 
/* 滚动条结束 */


.sec-cate-container .sec-cate-container-scroll .sec-cate-item{
    position: relative;
    font-size: 0;
    margin-bottom: 8px;
}
.sec-cate-item .sec-cate-tittle-container{
    position: absolute;
    top: 0;
    left: -20px;
    text-align: right;
    width: 96px;
    white-space: nowrap;
}
.sec-cate-item .sec-cate-tittle-container .sec-cate-txt-tittle{
    display: inline-block;
    font-size: 14px;
    color: #11192D;
    font-weight: 700;
    line-height: 32px;
}
.icon-xiangyoujiantou{
    width: 8px;
    height: 8px;
    margin-left: 4px;
    vertical-align: middle;
    display: inline-block;
    font-size: 10px;
}
.sec-cate-item .sec-cate-content{
    margin-left: 108px;
    line-height: 0;
}
.service .service-bd a{
    color: #50607A;
}
.sec-cate-item .sec-cate-content .sec-cate-content-href{
    display: inline-block;
    margin-right: 24px;
    white-space: nowrap;
    line-height: 32px;
    font-size: 14px;
}
/* 二级分类 结束*/
/* 左侧结束 */


/* 右侧 */
.main{
    float: right;
    border-radius: 0 18px 0 0;
    background-color: #fff;
}
.main .main-inner{
    margin-left: 16px;
    border-radius: 0 18px 0 0;
    background-color: #fff;
}
.main .main-inner .core{
    width: 752px;
    margin-right: 16px;
    float: left;
}
.tbh-nav .newnav{
    height: 32px;
    position: relative;
    color: #000;
    margin-bottom: 16px;
    background-color: #F3F6F8;
    border-radius: 8px;
    overflow: hidden;
}
.tbh-nav .newnav .nav-bd{
    position: relative;
    font-size: 16px;
    line-height: 32px;
    color: #11192D;
    z-index: 5;
}
.nav-bd li{
    position: relative;
}
.tbh-nav .newnav .nav-bd .txt-nav{
    color: #ff0036;
    color: #ff0036;
    width: 112px;
    text-align: center;
    font-weight: 600;
}
.newnav .nav-bd .txt-nav a{
    display: block;
}
.nav-bd li.pipe{
    color: rgba(80,96,122,.2);
    width: 16px;
    text-align: center;
}
.nav-bd li{
    float: left;
}

/* 中心 */
.core .tbh-business{
    width: 752px;
    height: 336px;
}
.core .tbh-business .business-entry-container{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.core .tbh-business .business-entry-container .business-entry-slide-banner{
    background-color: #f3f6f8;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    width: 240px;
    height: 336px;
    margin-right: 16px;
    float: left;
}
.home-banner{
    z-index: 1;
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
}
.slike-slider{
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    box-sizing: border-box;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -khtml-user-select: none;
}
.slike-slider .slike-prev{
    background-image: url("../img/O1CN01WnpSnB1DqKgkqjvAy_!!6000000000267-2-tps-64-64.png");
    left: 0;
}
.slike-slider .slike-prev,.slike-slider .slike-next{
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    /* display: none!important; */
    height: 32px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 32px;
    z-index: 9;
}
.slike-slider button{
    background-color: transparent;
    border: none;
    color: transparent;
    cursor: pointer;
    display: block;
    font-size: 0;
    margin: 0;
    outline: none;
    padding: 0;
}
.slike-next{
    background-image: url("../img/O1CN01LYDfty1FQLRndh0vh_!!6000000000481-2-tps-64-64.png");
    right: 0;
}
.slike-list{
    position: relative;
    margin: 0;
    padding: 0;
    overflow: hidden;
    display: block;
}
.slike-list .slike-slide{
    float: left;
    height: 100%;
    width: 240px;
    display: block;
    min-height: 1px;
}
.slike-slide .home-banner-item{
    background-image: url("../img/O1CN01kdGGZr25hA1l15g1x_!!6000000007557-0-tps-480-672.jpg");
    height: 336px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    height: 100%;
    width: 100%;
}
.slike-slider .slike-dogs{
    font-size: 0;
    bottom:20px;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 9;
    width: 100%;
    text-align: center;
}
.slike-slider .slike-dogs li{
    background-color: hsla(0,0%,100%,.6);
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 100%;
    display: inline-block;
    height: 6px;
    margin: 0 4px;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 6px;
}
.slike-slider .slike-dogs li.slike-active{
    background-color: #ff5000;
}
.business-entry-lager-item-card{
    background-color: rgb(255, 247, 242);
    margin-right: 16px;
    width: 240px;
    height: 160px;
    margin-bottom: 16px;
    font-size: 0;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
}
.business-entry-lager-item-card-top{
    display: inline-block;
    padding: 16px 0;
    height: 16px;
    width: 100%;
}
.business-entry-lager-item-card-top-tittle{
    color: #11192d;
    float: left;
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
    margin-left: 16px;
}
.business-entry-lager-item-card-top-image{
    float: right;
    height: 8px;
    line-height: 8px;
    margin-right: 16px;
    width: 8px;
    padding-top: 5px;
}
.business-entry-lager-item-card-top-image span{
    font-size: 8px;
    height: 8px;
    margin-top: 4px;
    opacity: .8;
    transform: rotate(-90deg);
    width: 8px;
}
.icon-xiangyoujiantou1:hover{
    color: #ff5000;
}
.business-entry-lager-item-card-content{
    display: inline-block;
    padding-left: 16px;
    padding-right: 16px;
    text-decoration: none;
}
.business-entry-lager-item-card-content-container{
    display: inline-block;
    height: 96px;
    width: 208px;
}
.business-entry-lager-item-card-content-container-image{
    border-radius: 4px;
    float: left;
    height: 96px;
    line-height: 96px;
    overflow: hidden;
    text-align: center;
    width: 96px;
}
.business-entry-lager-item-card-content-container-image img{
    display: inline-block;
    width: 96px;
    height: 96px;
}
.business-entry-lager-item-card-content-container-writing{
    float: left;
    height: 90px;
    margin-left: 12px;
    margin-top: 2px;
    width: 100px;
}
.business-entry-lager-item-card-content-tittle{
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #11192d;
    display: -webkit-box;
    font-size: 12px;
    height: 36px;
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100px;
    word-break: break-all;
}
.business-entry-lager-item-card-content-reduction{
    color: #ff6200;
    display: inline-block;
    font-size: 12px;
    height: 12px;
    letter-spacing: 0;
    line-height: 12px;
    margin-top: 8px;
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.business-entry-lager-item-card-content-coin{
    color: #ff6200;
    font-family: Alibaba Sans\ 102;
    font-size: 18px;
    font-weight: 700;
    line-height: 18px;
    margin-top: 16px;
    white-space: nowrap;
}
.business-entry-lager-item-card-content-coin-tittle{
    color: #ff6200;
    font-size: 12px;
    line-height: 12px;
    margin-right: 2px;
}
.business-entry-bbs-card{
    font-size: 0;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
}
.business-entry-bbs-card-top{
    display: inline-block;
    height: 16px;
    padding: 16px 0 13px 0;
    width: 100%;
}
.business-entry-bbs-card-top-tittle{
    color: #11192d;
    float: left;
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
    margin-left: 16px;
}
.business-entry-bbs-card-top-image{
    float: right;
    height: 8px;
    line-height: 8px;
    margin-right: 16px;
    width: 8px;
}
.business-entry-bbs-card-top-image span{
    font-size: 8px;
    height: 8px;
    margin-top: 4px;
    opacity: .9;
    width: 8px;
    display: inline-block;
}
.business-entry-bbs-card-content{
    display: inline-block;
    height: 16px;
    margin: 5px 16px;
    width: 208px;
}
.business-entry-bbs-card-content-icon{
    background-color: rgba(255,98,25,.08);
    border-radius: 4px;
    color: #fa3e19;
    float: left;
    font-size: 12px;
    font-weight: 500;
    height: 12px;
    line-height: 12px;
    padding: 2px 4px;
    width: 24px;
    white-space: nowrap;
}
.business-entry-bbs-card-content-desc{
    color: #11192d;
    display: inline-block;
    font-size: 12px;
    height: 12px;
    line-height: 12px;
    margin-left: 8px;
    margin-top: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 168px;
}
.business-entry-bbs-card-content-desc:hover{
    color: #ff6200;
}
.business-entry-small-item-card-top{
    display: inline-block;
    height: 16px;
    width: 100%;
    padding: 16px 0 10px 0;
}
.business-entry-small-item-card-top-tittle{
    font-size: 16px;
    float: left;
    color: #11192d;
    font-weight: 700;
    line-height: 16px;
    margin-left: 16px;
    white-space: nowrap;
    overflow: hidden;
}
.business-entry-small-item-card-top-image{
    float: right;
    height: 8px;
    line-height: 8px;
    margin-right: 16px;
    width: 8px;
}
.business-entry-small-item-card-top-image span{
    font-size: 8px;
    height: 8px;
    margin-top: 4px;
    opacity: .8;
    width: 8px;
    display: inline-block;
}
.business-entry-small-item-card-content{
    display: inline-block;
    padding-right: 8px;
    text-decoration: none;
    vertical-align: bottom;
    width: 80px;
}
.business-entry-small-item-card-content-col1{
    padding-left: 24px;
}
.business-entry-small-item-card-content-image{
    overflow: hidden;
    width: 80px;
    height: 80px;
    border-radius: 4px;
}
.business-entry-small-item-card-content-image img{
    height: 80px;
    width: 80px;
}
.business-entry-small-item-card-content-icon{
    color: #ff6200;
    font-family: Alibaba Sans\ 102;
    font-size: 18px;
    font-weight: 700;
    height: 18px;
    line-height: 18px;
    margin-top: 4px;
    text-align: center;
    white-space: nowrap;
}
.business-entry-small-item-card-content-icon-tittle{
    color: #ff6200;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
}
.business-entry-small-item-card-content-col2{
    padding-left: 16px;
}
/* 中心结束 */


/* 右侧登录 */
.col-right{
    float: right;
    margin-right: 16px; 
    position: relative;
}
.tbh-user{
    background-color: #fff;
    width: 240px;
    height: 400px;
    float: right;
}
.member-bd{
    position: relative;
}
.avatar-wrapper{
    display: block;
    height: 76px;
    margin:0;
    text-align: center;
    border-radius: 50%;
}
.member-bd .avatar-wrapper .member-home{
    overflow: height;
    width: 76px;
    height: 76px;
    display: inline-block;
}
.member-bd .avatar-wrapper .member-home .member-avatar{
    width: 76px;
    height: 76px;
    border-radius: 50%;
    background-clip: padding-box;
}
.member-bd .member-nickurl{
    display: block;
    margin-left: 8px;
    opacity: 1;
}
.member-bd .member-nickurl .member-nick-info{
    font-size: 0;
    display: block;
    margin-top: 12px;
    padding-bottom: 12px;
    text-align: center;
    height: 24px;
    line-height: 24px;
}
.member-bd .member-nickurl .member-nick-info .member-hello{
    font-size: 16px;
}
.member-bd .member-nickurl .member-nick-info strong{
    font-weight: bold;
}
.member-bd .member-nickurl .member-nick-info .member-nick{
    display: none;
}
.member-ft{
    margin-top: 4px;
    overflow: hidden;
}
.member-ft .member-logout{
    height: 48px;
}
.member-ft .member-logout a{
    height: 48px;
    line-height: 48px;
    width: 72px;
    margin-right: 12px;
    float: left;
    text-align: center;
    border-radius: 8px;
    font-size: 16px;
}  
.member-ft .member-logout a:nth-child(3){
    margin-right: 0;
} 
.member-ft .member-logout .btn-login{
    background-color: #FF6408;
    font-weight: 900;
    color: #fff;
}
.member-ft .member-logout .btn-register{
    background-color: #FEB306;
    font-weight: 900;
    color: #fff;
}
.member-ft .member-logout .btn-open{
    background-color: #F4F6F8;
    color: #000;
    font-weight: 900;
}
.user-mytao{
    overflow: hidden;
    position: relative;
    margin-top: 16px;
}
.user-mytao .user-mytao-content{
    float: left;
    width: 60px;
    text-align: center;
}
.user-mytao .user-mytao-content a{
    display: inline-block;
    color: #11192D;
    width: 100%;
    height: 100%;
    margin-bottom: 1px;
}
.user-mytao .user-mytao-content a:hover p{
    color: #FD5C29;
    cursor: pointer;
}
.user-mytao .user-mytao-content a:hover span{
    color: #FD5C29;
    cursor: pointer;
}
.user-mytao .user-mytao-content a .mytao-icon{
    width: 48px;
    line-height: 28px;
    text-align: center;
    font-size: 20px;
    margin-bottom: 1px;
}
.user-mytao .user-mytao-content p{
    color: #11192D;
}
.user-softlink{
    margin-top: 4px;
    height: 142px;
    border-radius: 8px;
}
.user-softlink .user-softlink-item{
    display: block;
    float: left;
    width: 60px;
    height: 48px;
    text-align: center;
    margin: 16px 0 8px;
}
.user-softlink .user-softlink-item .user-softlink-item-img{
    width: 32px;
    height: 32px;
    background-size: 100%  100%;
}
.user-softlink .user-softlink-item .user-softlink-item-txt{
    color: #11192D;
    width: 60px;
    height: 14px;
    line-height: 12px;
    margin-top: 4px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.user-softlink .user-softlink-item .user-softlink-item-txt:hover{
    color: #FD5C29;
}
/* 右侧登录结束 */
/* 右侧结束 */
/* 主页面结束 */


/* 商品页面开始 */
/* 商品筛选导航 */
.layer{
    width: 1296px;
    margin: 0 auto;
    position: relative;
    background-color: #fff;
}
.layer .layer-inner{
    background-color: #fff;
}
.layer .layer-inner .tbh-hotsale{
    width: 1296px;
    position: relative;
    overflow: hidden;
}
.tb-picks-container{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.tb-picks-container .tb-picks-header{
    box-sizing: border-box;
    margin-left: 16px;
    margin-bottom: 24px;
    position: relative;
    width: calc(100% - 32px);
}
.tb-picks-container .tb-picks-header .tb-picks-header-wrap{
    height: 48px;
    width: 100%;
    overflow-x: auto;
    white-space: nowrap;
    overflow-y: hidden;
}
.tb-picks-container .tb-picks-header .tb-picks-header-wrap .tb-picks-header-tabs{
    display: inline-block;
    font-size: 0;
}
.tb-picks-header-wrap .tb-picks-header-tabs .tb-picks-header-tab{
    cursor: pointer;
    display: inline-flex;
    height: 48px;
    margin-right: 24px;
    position: relative;
    width: 176px;
}
.tb-picks-header-tab:hover .tb-picks-header-tab-tittle,.tb-picks-header-tab:hover .tb-picks-header-tab-subtittle{
    color: #ff5000!important;
}

.tb-picks-header-tab .tb-picks-header-tab-icon{
    background-color: #ffeee6!important;
    background-color: #f3f6f8;
    border-radius: 100%;
    height: 48px;
    margin-right: 8px;
    -o-object-fit: cover;
    object-fit: cover;
    transition: background-color .2s linear;
    width: 48px;
}
.tb-picks-header-tab .tb-picks-header-tab-tittles{
    display: flex;
    flex-direction:column ;
    justify-content: center;
}
.tb-picks-header-tab-selected .tb-picks-header-tab-tittles .tb-picks-header-tab-tittle{
    color: #ff5000!important;
    font-weight: 600!important;
}
.tb-picks-header-tab .tb-picks-header-tab-tittles .tb-picks-header-tab-tittle{
    letter-spacing: 0;
    max-width: 116px;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: color .2s linear;
    white-space: nowrap;
    color: #11192d;
    font-size: 16px;
    line-height: 24px;
}
.tb-picks-header-tab-selected .tb-picks-header-tab-tittles .tb-picks-header-tab-subtittle{
    color: #ff5000!important;
}
.tb-picks-header-tab .tb-picks-header-tab-tittles .tb-picks-header-tab-subtittle{
    color: #7c889c;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0;
    max-width: 116px;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: color .2s linear;
    white-space: nowrap;
}
.tb-picks-header-right-arrow{
    height: 48px;
    position: absolute;
    right: 0;
    top: 0;
}
.tb-picks-header-right-arrow .tb-picks-header-right-arrow-background{
    background-image: linear-gradient(90deg,hsla(0,0%,100%,0),#fff);
    height: 100%;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 64px;
}
.tb-picks-header-right-arrow .tb-picks-header-right-arrow-icon{
    background-color: #fff;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 8px 8px;
    border: 1px solid #e5e8ec;
    border-radius: 100%;
    box-sizing: border-box;
    cursor: pointer;
    height: 24px;
    position: absolute;
    top: 12px;
    transition: background-color .2s linear;
    width: 24px;
    right: 0;
    background-image: url("../img/O1CN0113wN0725HVqdtk8aL_!!6000000007501-2-tps-16-16.png");
}
.tb-picks-header-tab-devider{
    background-color: #f0f3f5;
    height: 36px;
    position: absolute;
    right: 0;
    top: 6px;
    width: 1px;
}
/* 商品筛选导航结束 */

/* 商品筛选内容开始 */
.tb-picks-feeds-container{
    width: 100%;
}
.tb-picks-feeds-container .tb-picks-content-item{
    background-color: #fff;
    border-radius: 12px 12px 0 0;
    box-sizing: border-box;
    cursor: pointer;
    float: left;
    height: 358px;
    width: 240px;
    margin: 0 0 16px 16px;
    position: relative;
    transition: all .5s;
}
.tb-picks-feeds-container .tb-picks-content-item .item-link{
    display: inline-block;
    height: 100%;
    width: 100%;
    text-decoration: none;
}
.img-wrapper{
    background: url("../img/O1CN01ZaHCun29tlO9HwESW_!!421768126.jpg");
    background-color: #f3f6f8;
    height: 240px;
    width: 240px;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
}
.img-mask,.img-wrapper{
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
.img-mask{
    background-color: rgba(0,0,0,.02);
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.info-wrapper{
    height: 48px;
    margin-top: 8px;
    overflow: hidden;
    width: 100%;
}
.info-wrapper .info-wrapper-tittle{
    color: #11192d;
    font-size: 16px;
    display: inline-block;
    font-weight: 500;
    line-height: 24px;
    margin: 0 8px;
    max-height: 48px;
    word-break: break-all;
}
.info-wrapper .info-wrapper-tittle-text:hover{
    color: #11192d;
}
.tag-list{
    height: 14px;
    line-height: 14px;
    margin-left: 8px;
    margin-top: 8px;
    overflow: hidden;
}
.tag-list .tag-text{
    color: #ff5000;
    display: inline-block;
    font-size: 14px;
    line-height: 14px;
    margin-right: 8px;
    vertical-align: top;
}
.price-wrapper{
    align-items: flex-end;
    display: flex;
    flex-direction: row;
    height: 24px;
    margin-left: 8px;
    margin-top: 8px;
}
.price-unit, .price-value{
    color: #ff5000;
    font-family: AlibabaSans102v1TaoBao-Bold;
}
.price-wrapper .price-unit{
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 1px;
    margin-right: 2px;
}
.price-wrapper .price-value{
    font-size: 24px;
    font-weight: 700;
    line-height: 24px;
}
.price-wrapper .month-sale{
    color: #50607a;
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 1px;
    margin-left: 8px;
}
.hover-border{
    border: 1px solid transparent;
    border-radius: 12px;
    box-sizing: border-box;
    height: 366px;
    left: -4px;
    position: absolute;
    top: -4px;
    width: 248px;
}
.hover-border:hover{
    border: 1px solid #ff5000;
}
/* 商品筛选内容结束 */
/* 商品页面结束 */

/* 标识区域开始 */
div.tbh-helper{
    position: relative;
    background-color: #fff;
    border-radius: 0 0 18px 18px;
}
.helper{
    padding-top: 40px;
    height: 140px;
}
.helper .mod{
    float: left;
    width: 25%;
    margin-right: -1px;
}
.helper .mod .mod-wrap{
    padding: 0 25px;
}
.mod-wrap h4{
    margin-bottom: 5px;
    font-weight: bold;
}
.tubiao{
    float: left;
    font-size: 32px;
}
.mod-wrap h4 span{
    font-size: 16px;
    float: left;
    margin-left: 12px;
    padding-top: 12px;
}
h4 span:hover{
    color: #3c3c3c;
    cursor: text;
}
.mod-wrap ul li{
    display: inline-block;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    margin-right: 10px;
    width: auto;
}
.mod-wrap ul li a{
    color: #999;
}
.mod-wrap ul li a:hover{
    color: #ff5000;
}
/* 标识区域结束*/


/* 页尾开始 */
.tb-footer{
    width: 100% !important;
    max-width: 100% !important;
    min-height: 125px;
    margin-top: 20px;
    padding-bottom: 9px;
    background-color: #fff;
    font-size: 12px;
}
.tb-footer .tb-footer-hd{
    margin-top: 7px;
}
.tb-footer-hd,.tb-footer-bd,.tb-footer-ft{
    max-width: 100%;
    width: 1190px;
    margin: 0 auto;
}
.tb-footer-hd p{
    margin-bottom: 8px;
    line-height: 27px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 8px;
    overflow: hidden;
}
.tb-footer span{
    margin: 0 4px;
    color: #9c9c9c;
    font-size: 12px;
}
.tb-footer .tb-footer-hd a,.tb-footer .tb-footer-bd a{
    white-space: nowrap;
    color: #6c6c6c;
    text-decoration: none;
    font-size: 12px;
}
.tb-footer b{
    margin: 0 3px;
    font-weight: 400;
    color: #ddd;
}
.tb-footer p{
    margin-bottom: 8px;
    overflow: hidden;
}
.tb-footer em{
    color: #9c9c9c;
    margin-left: 30px;
    font-size: 12px;
    font-style: normal;
}
.tb-footer .tb-footer-mod{
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background: url("../img/TB1EPnIQXXXXXaSXpXXXXXXXXXX-1133-35.jpg");
    width: 30px;
    height: 27px;
    background-position: 0  0;
}
.tb-footer .tb-footer-hd a:hover,.tb-footer .tb-footer-bd a:hover{
    color: #ff5000;
}
span.beijing{
    display: inline-block;
    width: 1190px;
    height: 190px;
    background: url("../img/屏幕截图\ 2024-06-06\ 234432.png");
    background-size: 1190px 190px;
}
/* 页尾结束*/


/* 右侧定位标识开始 */
.tb-toolkit{
    position: fixed;
    right: 0;
    bottom: 50%;
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -ms-transform: translateY(50%);
    -o-transform: translateY(50%);
    transform: translateY(50%);
    z-index: 999;
    background-color: #f7f9fa;
    -webkit-box-shadow: -2px 0 30px 2px rgba(97, 105, 119, 0.18);
    -moz-box-shadow: -2px 0 30px 2px rgba(97, 105, 119, 0.18);
    /* box-shadow: -2px 0 30px 2px rgba(97, 105, 119, 0.18); */
    border-radius: 18px 0 0 18px;
    width: 60px;
    width: 56px !important;
}
.tb-toolkit .tb-toolkit-list{
    padding: 8px 0;
}
.tb-toolkit .im-entry{
    cursor: pointer;
}
.tb-toolkit .tb-toolkit-list .im-entry{
    height: 56px;
}
.tb-toolkit .tb-toolkit-list .im-entry:first-child{
    margin-top: 0;
}
.im-entry{
    width: 60px;
    padding-top: 10px;
    position: relative;
    text-align: center;
}
.im-entry .im-top{
    cursor: pointer;
    position: relative;
}
.im-entry .im-top .im-icon{
    width: 24px;
    height: 22px;
}
.im-bottom{
    font-size: 12px;
    color: #333;
    line-height: 17px;
}
.tb-toolkit .tb-toolkit-list .toolkit-item{
    width: 56px;
    height: 52px;
    margin-top: 8px;
    padding-top: 4px;
    border-radius: 0 0 0 18px;
    background-color: #f7f9fa;
    position: relative;
    cursor: pointer
}
.tb-toolkit-list .toolkit-item a{
    display: block;
    color: #333;
    font-size: 12px;
    text-decoration: none;
    text-align: center;
}
.tb-toolkit-list .toolkit-item a .toolkit-icon{
    display: block;
    width: 100%;
    height: 24px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 28px;
    margin-bottom: 5px;
}

/* 右侧定位标识结束 */
